<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org" xmlns:score="http://abcijkxyz">

<head>
<title>extraThyme: Thymeland's football website</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" media="all" href="../../resources/css/extrathyme.css" th:href="@{/resources/css/extrathyme.css}" />
</head>

<body>

	<div>
		<img src="../../resources/images/extrathymelogo.png" alt="extraThyme logo" title="extraThyme logo" th:src="@{/resources/images/extrathymelogo.png}" th:alt-title="#{title.application}" />
	</div>

	<score:headlines order="random" />

	<div class="leaguetable">

		<h2 score:match-day-today th:text="#{title.leaguetable(${#execInfo.now.time})}">League table for 07 July 2011</h2>

		<table>
			<thead>
				<tr>
					<th th:text="#{team.name}">Team</th>
					<th th:text="#{team.won}" class="matches">Won</th>
					<th th:text="#{team.drawn}" class="matches">Drawn</th>
					<th th:text="#{team.lost}" class="matches">Lost</th>
					<th th:text="#{team.points}" class="points">Points</th>
					<th th:text="#{team.remarks}">Remarks</th>
				</tr>
			</thead>
			<tbody>
				<tr th:each="t : ${teams}" score:classforposition="${tStat.count}">
					<td th:text="|${t.name} (${t.code})|">The Winners (TWN)</td>
					<td th:text="${t.won}" class="matches">1</td>
					<td th:text="${t.drawn}" class="matches">0</td>
					<td th:text="${t.lost}" class="matches">0</td>
					<td th:text="${t.points}" class="points">3</td>
					<td score:remarkforposition="${tStat.count}">Great winner!</td>
				</tr>
				<!--/*-->
				<tr>
					<td>The First Losers (TFL)</td>
					<td class="matches">0</td>
					<td class="matches">1</td>
					<td class="matches">0</td>
					<td class="points">1</td>
					<td>Little loser!</td>
				</tr>
				<tr>
					<td>The Last Losers (TLL)</td>
					<td class="matches">0</td>
					<td class="matches">0</td>
					<td class="matches">1</td>
					<td class="points">0</td>
					<td>Big loooooser</td>
				</tr>
				<!--*/-->
			</tbody>
		</table>

	</div>

</body>
</html>
